<template>
    <panel title="更多福利">
        <section :class="$style.content">
            
                        <img src="//img12.360buyimg.com/jrpmobile/jfs/t7456/56/1425209238/21928/f1fe492d/599cee57Naea99020.jpg?width=250&height=330" alt="">
            <img src="//img12.360buyimg.com/jrpmobile/jfs/t7894/126/1440046618/24763/5ce6a129/599cee04Ne77b3641.jpg?width=250&height=330" alt="">
            <img src="//img12.360buyimg.com/jrpmobile/jfs/t6385/103/1675552688/24265/91be4150/59549aedNa30670f7.jpg?width=250&height=330" alt="">
            <span>专享福利 ></span>
        </section>
    </panel>
</template>

<script type="text/ecmascript-6">
import Panel from "../common/Panel";

export default {
  components: {
    Panel
  }
};
</script>

<style lang="scss" module>
@import "../../css/element";

.content {
  @include list(row);
  padding-bottom: 20px;
  justify-content: space-around;
  position: relative;
  img {
    width: 33.33%;
  }
  span{
      position: absolute;
        right: 10px;
        top: -56px;
        font-size: 14px;
        color: #999;
        height: 56px;
        line-height: 56px;
  }
}
</style>